<%--
  Created by IntelliJ IDEA.
  User: kelvin
  Date: 16/10/16
  Time: 下午3:49
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<html>
<head>
    <title>货运查询</title>

    <link rel="stylesheet" href="${ctx}/statics/styles/index.css"/>
</head>


<header>
    <div class="container">
        <div class="row">
            <h1>联盟物流</h1>
        </div>
        <div class="row">
            <div class="col-md-3">
                <p>全国最专业的物流查询互联网</p>

            </div>
            <div class="col-md-3">
                <p>400-966-9956</p>
            </div>
        </div>
    </div>


</header>
<nav class="navbar navbar-default" role="navigation">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse"
                    data-target="#hompage-navbar-collapse">
                <span class="sr-only">切换导航</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#"><span class="my-brand-2">联盟物流</span></a>
        </div>

        <div class="collapse navbar-collapse" id="hompage-navbar-collapse">
            <div class="container">
                <div class="row">
                    <div class="container">
                        <ul class="nav navbar-nav">
                            <li><a href="#">货运物流</a></li>
                            <li><a href="#">快递物流</a></li>
                            <li><a href="#">查找物流</a></li>
                            <li><a href="#">物流报表</a></li>
                        </ul>
                        <ul class="nav navbar-nav navbar-right">
                            <li><a href="#">收藏到收藏夹</a></li>
                            <li><a href="#">收藏到桌面</a></li>
                            <li><a href="#">登录</a></li>
                            <li><a href="#">注册</a></li>
                            <li><a href="#">手机版</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</nav>

<br/>
<br/>
<br/>


<div class="container-fluid">
    <div class="row"></div>
    <div class="row"></div>
    <div class="row">

        <div class="form-horizontal">
            <div class="col-md-offset-3 col-md-5">
            <div class="input-group">
                <div class="input-group-btn">
                    <button id="id-search-btn-type" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">手机号查询<span
                            class="caret"></span></button>
                    <ul class="dropdown-menu dropdown-menu-right" role="menu">
                        <li><a href="#">手机号查询</a></li>
                        <li><a href="#">物流单号查询</a></li>

                    </ul>
                    </div>
                <div class="input-group-btn">

                    <button id="id-search-btn-location"  type="button" class="btn btn-default dropdown-toggle my-input-inner-btn" data-toggle="dropdown">所在城市<span
                            class="caret"></span></button>
                    <ul class="dropdown-menu dropdown-menu-right" role="menu">
                        <li><a href="#">广州</a></li>
                        <li><a href="#">佛山</a></li>

                    </ul>
                    </div>
                <div class="input-group-btn">
                    <button id="id-search-btn-company" type="button" class="btn btn-default dropdown-toggle my-input-inner-btn" data-toggle="dropdown">物流公司<span
                            class="caret"></span></button>
                    <ul class="dropdown-menu dropdown-menu-right" role="menu">
                        <li><a href="#">顺丰</a></li>
                        <li><a href="#">圆通</a></li>

                    </ul>
                </div>
                <input class="form-control" type="text" placeholder="收货人手机号码/所在城市+物流公司+物流单号">
            </div>
            </div>
            <div class="col-md-2">
                <button class="btn btn-warning btn-block" type="button">查询</button>
            </div>
        </div>
    </div>
</div>
<br/>


<div class="container-fluid col-sm-offset-2 col-sm-8">

    <div class="page-header">
        <h4>常用快递查询</h4>
    </div>


    <div class="form-horizontal">
        <div class="input-group">

            <div class="input-group-btn">
                <button   type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">物流公司<span
                        class="caret"></span></button>
                <ul class="dropdown-menu dropdown-menu-right" role="menu">
                    <li><a href="#">申通快递</a></li>
                    <li><a href="#">顺风快递</a></li>
                </ul>
            </div>
            <!-- /btn-group -->
            <input class="form-control" type="text" placeholder="请输入物流单号">
        </div>
    </div>
    <br>

    <div class="row">
        <div class="col-xs-6 col-md-3">
            <a href="#" class="thumbnail">
                <img src="${ctx}/statics/images/sf_logo.gif" alt="...">
            </a>
        </div>
        <div class="col-xs-6 col-md-3">
            <a href="#" class="thumbnail">
                <img src="${ctx}/statics/images/sf_logo.gif" alt="...">
            </a>
        </div>
        <div class="col-xs-6 col-md-3">
            <a href="#" class="thumbnail">
                <img src="${ctx}/statics/images/st_logo.gif" alt="...">
            </a>
        </div>
        <div class="col-xs-6 col-md-3">
            <a href="#" class="thumbnail">
                <img src="${ctx}/statics/images/ems_logo.gif" alt="...">
            </a>
        </div>
        <div class="col-xs-6 col-md-3">
            <a href="#" class="thumbnail">
                <img src="${ctx}/statics/images/yt_logo.gif" alt="...">
            </a>
        </div>
        <div class="col-xs-6 col-md-3">
            <a href="#" class="thumbnail">
                <img src="${ctx}/statics/images/zt_logo.gif" alt="...">
            </a>
        </div>


    </div>


    <div class="panel panel-default">
        <div class="panel-body">

            <table class="company-list">
                <tbody>
                <tr>
                    <td>常用</td>
                    <td>
                        <ul>
                            <li><a href="#">申通</a>
                            </li>
                            <li><a href="#">EMS</a>
                            </li>
                            <li><a href="#">圆通</a>
                            </li>
                            <li><a href="#">中通</a>
                            </li>
                        </ul>
                    </td>
                </tr>
                <tr>
                    <td>A</td>
                    <td>
                        <ul>
                            <li><a href="#">安信达</a></li>
                            <li><a href="#">澳大利来</a></li>
                            <li><a href="#">安信达</a></li>
                            <li><a href="#">澳大利来</a></li>
                        </ul>
                    </td>
                </tr>
                <tr>
                    <td>B</td>
                    <td>
                        <ul>
                            <li><a href="#">安信达</a></li>
                            <li><a href="#">澳大利来</a></li>
                            <li><a href="#">安信达</a></li>
                            <li><a href="#">澳大利来</a></li>
                            <li><a href="#">安信达</a></li>
                            <li><a href="#">澳大利来</a></li>
                            <li><a href="#">安信达</a></li>
                            <li><a href="#">澳大利来</a></li>
                            <li><a href="#">安信达</a></li>
                            <li><a href="#">澳大利来</a></li>
                            <li><a href="#">安信达</a></li>
                            <li><a href="#">澳大利来</a></li>
                        </ul>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>

<script src="${ctx}/statics/js/index.js"></script>


</body>
</html>
